import React from 'react';
import { Result, Button } from 'antd';
import { useNavigate } from 'react-router-dom';
export default function NotFound() {
    const navigate = useNavigate();
    const backHome = () => {
        navigate('/manage/list');
    };
    return (
        <div
            style={{
                height: '100vh',
                display: 'flex',
                justifyContent: 'center',
                alignItems: 'center',
                userSelect: 'none',
            }}
        >
            <Result
                status="404"
                title="404"
                subTitle="抱歉，您访问的页面不存在"
                extra={
                    <Button type="primary" onClick={backHome}>
                        返回首页
                    </Button>
                }
            />
        </div>
    );
}
